<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>art_list</title>
		<link rel="stylesheet" href="../assets/lib/layui/css/layui.css" />
		<link rel="stylesheet" href="../assets/css/article/art_list.css" />
	</head>
	<body>
		<!-- 卡片区域 -->
		<div class="layui-card">
			<div class="layui-card-header">文章列表</div>
			<div class="layui-card-body">
				<!-- 筛选区域 -->
				<form class="layui-form layui-form-pane form-screen">
					<!-- 选择分类 -->
					<div class="layui-form-item layui-inline">
						<label class="layui-form-label">分类</label>
						<div class="layui-input-block">
							<select name="cate_id"></select>
						</div>
					</div>
					<!-- 选择状态 -->
					<div class="layui-form-item layui-inline">
						<label class="layui-form-label">状态</label>
						<div class="layui-input-block">
							<select name="state">
								<option value="">请选择发布状态</option>
								<option value="已发布">已发布</option>
								<option value="草稿">草稿</option>
							</select>
						</div>
					</div>
					<!-- 按钮 -->
					<div class="layui-form-item layui-inline">
						<button class="layui-btn" lay-submit lay-filter="formDemo">筛选</button>
					</div>
					<div class="layui-form-item layui-inline">
						<button type="reset" class="layui-btn layui-btn-primary">重置</button>
					</div>
				</form>
				<!-- 列表区域 -->
				<table class="layui-table">
					<colgroup>
						<col />
						<col width="200" />
						<col width="200" />
						<col width="200" />
						<col width="200" />
					</colgroup>
					<thead>
						<tr>
							<th>文章标题</th>
							<th>分类</th>
							<th>发表时间</th>
							<th>状态</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody></tbody>
				</table>
				<!-- 分页区域 -->
				<div id="page-box"></div>
			</div>
		</div>
		<!-- 定义模板结构 -->
		<script type="text/html" id="tpl-table">
			{{each data}}
			<tr>
				<td>{{$value.title}}</td>
				<td>{{$value.cate_name}}</td>
				<td>{{$value.pub_date|dataFormat}}</td>
				<td>{{$value.state}}</td>
				<td>
					<button type="button" class="layui-btn layui-btn-xs" id="btn-edit" data-id="{{$value.Id}}">编辑</button>
					<button type="button" class="layui-btn layui-btn-danger layui-btn-xs" data-id="{{$value.Id}}" id="btn-delete">删除</button>
				</td>
			</tr>
			{{/each}}
		</script>
		<!-- 定义文章分类的模板 -->
		<script type="html/text" id="tpl-cate">
			    <option value="">所有分类</option>
			  {{each data}}
			  <option value="{{$value.Id}}">{{$value.name}}</option>
			{{/each}}
		</script>
		<script src="../assets/lib/jquery.js"></script>
		<script src="../assets/lib/layui/layui.all.js"></script>
		<script src="../assets/lib/template-web.js"></script>
		<script src="../assets/js/baseAPI.js"></script>
		<script src="../assets/js/article/art_list.js"></script>
	</body>
</html>
